<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="layui/css/layui.css">
		<style type="text/css">
			#pageNum{
				width: 20px;
				height: 22px;
				text-align: center;
				border: none;
			}
			#ppp{
				font-size: 14px;
				display: inline-block;
				position: relative;
				top:5px
			}
		</style>
	</head>
	<body>
		<div id="app">
			<div class="layui-form">
				<table class="layui-table" lay-size="lg">
					<colgroup>
						<col width="160">
						<col width="160">
						<col width="160">
						<col width="160">
						<col width="160">
						<col width="160">
					</colgroup>
					<thead>
						<tr height="60px">
							<th>序号</th>
							<th>订单名</th>
							<th>创建人</th>
							<th>配送员</th>
							<th>创建时间</th>
							<th>完成时间</th>
						</tr>
					</thead>

					<tbody id="tbd">

						<c:forEach items="${pageBean.data}" var="t">
						<tr>
							<td>${t.id}</td>
							<td>${t.ordername}</td>
							<td>${t.username}</td>
							<td>${t.couriername}</td>
							<td>${t.createtime}</td>
							<td>${t.finishtime}</td>
						</tr>
						</c:forEach>

						<td colspan="9" align="center">
							<div class="pagelist">
								<div id="ppp">第
									<input id="pageNum" type="text" name="page" value="${pageBean.currentPage}" size="2" />
								页</div>
									<button class="layui-btn layui-btn-sm" >
										<a href="transactionlist.do?page=${pageBean.currentPage-1 gt 0 ?pageBean.currentPage-1 :1 }">
											上一页
										</a>

									</button>
									<button class="layui-btn layui-btn-sm" >
										<a href="transactionlist.do?page=${pageBean.currentPage+1 lt pageBean.totalPage ? pageBean.currentPage+1 :pageBean.totalPage }">
											下一页
										</a>
									</button>
<%--								<button class="layui-btn layui-btn-sm" @click="shang(page)">上一页</button>--%>
<%--								<button class="layui-btn layui-btn-sm" @click="xia(page)">下一页</button>--%>
							</div>
						</td>
						<tr>
							<td colspan="9" align="center">
								共${pageBean.totalPage}页
							</td>
						</tr>
					</tbody>
				</table>
			</div>



		</div>
	</body>

	<script src="js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="layui/layui.js"></script>
	<script>
		layui.use(['form', 'layedit', 'laydate'], function() {
			var form = layui.form,
				layer = layui.layer,
				layedit = layui.layedit,
				laydate = layui.laydate;

			//日期
			laydate.render({
				elem: '#date'
			});
			laydate.render({
				elem: '#date1'
			});
		})
	</script>
</html>
